<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>History Todos</title>
</head>
<body>
<p>History of Completed Todos</p>
<p ms-if="CompletedTodos.size()>0">Congruduations!!! By now You have completed {{CompletedTodos.size()}} Todos</p>
<ol class="mui-table-view">
    <li class='mui-table-view-cell' ms-repeat="CompletedTodos">
        <span style="color: #007aff">[{{el.Tag1}}]</span>
        <span style="color: #dd524d">[{{el.Tag2}}]</span>{{el.Description}}
        <span style="font-size:12px;color: #8f8f94" class="mui-pull-right">{{el.CompleteTime|date("yyyy-MM-dd"}}</span>
</body>
</html>